<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="index.css" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.cm a {
				text-decoration: none;
			}
			
			.cm ul li {
				list-style: none;
			}
			/*头部*/
			
			.cm #top {
				width: 100%;
				height: 60px;
				background: rgba(0, 0, 0, 0.5);
				position: absolute;
				top: 10px;
				left: 10px;
			}
			
			.cm .top_left {
				float: left;
				text-align: center;
				font-size: 16px;
				color: #fff;
				line-height: 60px;
				font-weight: bold;
			}
			
			.cm .top_left ul {
				width: 813px;
				margin-left: 4px;
			}
			
			.cm .top_left ul li {
				display: inline-block;
				margin-right: 10px;
			}
			
			.cm .top_left .nav img {
				width: 76px;
			}
			
			.cm .top_left .nav {
				margin-left: 20px;
				margin-right: 20px;
				margin-top: 12px;
				float: left;
			}
			
			.cm .top_right {
				float: right;
				text-align: center;
				font-size: 14px;
				color: #fff;
				line-height: 60px;
				font-weight: bold;
			}
			
			.cm .top_right ul {
				width: 368px;
			}
			
			.cm .top_right ul li {
				float: left;
				margin-left: 10px;
			}
			.cm .top_right ul li a{
				font-size: 14px;
				color: #fff;
			}
			.cm #weixin {
				display: inline-block;
				width: 20px;
				height: 24px;
				background:url(img/13.png) no-repeat 2px -260px;
			}
			
			.cm #weibo {
				display: inline-block;
				width: 20px;
				height: 20px;
				background:url(img/13.png) no-repeat 2px -204px;
			}
			
			.cm #qq {
				display: inline-block;
				width: 20px;
				height: 20px;
				background: url(img/13.png) no-repeat -106px -267px;
			}
			
			.cm .search {
				width: 157px;
				height: 25px;
				border: 1px solid #e5e5e5;
				float: left;
				margin-top: 16px;
				border-radius: 5px;
				background-color: #FFFFFF;
			}
			
			.cm .find {
				width: 20px;
				height: 25px;
				display: inline-block;
				background:url(img/13.png) no-repeat -105px -231px;
				margin-left: 134px;
				float: left;
				margin-top: -28px;
			}
			
			.cm .top_right .search #search1 {
				width: 123px;
				height: 21px;
				margin-left: 8px;
				float: left;
				outline: none;
				margin-top: 4px;
				border: none;
			}
			
			
			
			
			
			
			
			
			
			.head {
				width: 1902px;
				height: 635px;
				background-color: darkcyan;
				position: relative;
			}
			
			.head_content {
				width: 620px;
				height: 104px;
				background-color: powderblue;
				background: rgba(0, 0, 0, 0.5);
				margin: 0 auto;
				position: relative;
				margin-top: -207px;
				border-radius: 5px;
				/*background-image: url(img/1.png);*/
				/*background-repeat: no-repeat;*/
				/*background-position: -999px/25px 324px;*/
				/*background:url(img/1.png) no-repeat 2px 20px;*/
			}
			
			.head_content .mudi {
				margin-left: 17px;
				float: left;
				margin-top: 15px;
				font-size: 20px;
				font-weight: 700;
				color: #fff;
				text-align: center;
				background-position: 20px 4px;
				text-decoration: none;
			}
			
			.head_content .make {
				margin-left: 100px;
				float: left;
				margin-top: 15px;
				font-size: 20px;
				font-weight: 700;
				color: #fff;
				text-align: center;
				background-position: 20px -39px;
				text-decoration: none;
			}
			
			.head_content .buy {
				margin-left: 100px;
				float: left;
				margin-top: 15px;
				font-size: 20px;
				font-weight: 700;
				color: #fff;
				text-align: center;
				background-position: -999px;
				text-decoration: none;
			}
			
			.head_content .hotel {
				margin-left: 100px;
				float: left;
				margin-top: 15px;
				font-size: 20px;
				font-weight: 700;
				color: #fff;
				text-align: center;
				background-position: 25px 324px;
				text-decoration: none;
			}
			
			.head_content h1 {
				text-shadow: 0 0 2px rgb(0, 0, 0, 0.4);
			}
			
			.head_content #sear {
				float: left;
				padding: 0 10px;
				border: 1px solid transparent;
				border-right: 0;
				border-radius: 3px 0 0 3px;
				width: 489px;
				height: 40px;
				line-height: 38px 9;
				color: #323232;
				margin-left: 14px;
				margin-top: 10px;
			}
			
			.head_content .but {
				float: left;
				border: 0;
				border-radius: 0 3px 3px 0;
				width: 90px;
				height: 42px;
				line-height: 40px;
				margin-top: 10px;
				text-align: center;
				text-decoration: none;
				font-size: 18px;
				font-weight: 700;
				color: #fff;
				background: #2dd382;
				background: -o-linear-gradient(315deg, #2ed685, #10a251);
				background: linear-gradient(135deg, #2ed685, #10a251);
				cursor: pointer;
			}
			
			.head_content .strong {
				margin-left: 266px;
				position: absolute;
				margin-top: 125px;
				text-decoration: none;
				font-weight: bold;
				color: #fff;
				font-size: 16px;
				font-family: "微软雅黑";
			}
			
			.head_content .num {
				position: absolute;
				font-size: 48px;
				font-style: normal;
				margin-left: 546px;
				margin-top: 28px;
				color: #fff;
			}
			
			.head_content .strong {
				margin-left: 230px;
				font-weight: bold;
				width: 394px;
				color: #fff;
			}
			
			.head_content .chihuo {
				width: 64px;
				margin-left: 330px;
				font-weight: normal
			}
			
			.center {
				width: 1162px;
				height: 110px;
				background-color: green;
				margin: 0 auto;
				margin-top: 22px;
			}
			
			.center .tu1 {
				width: 740px;
				height: 110px;
				float: left;
			}
			
			.center .tu2 {
				width: 400px;
				height: 110px;
				float: right;
			}
			
			.title {
				width: 1160px;
				height: 74px;
				/*background-color:yellow;*/
				margin: 0 auto;
				margin-top: 40px;
			}
			
			.title .zi {
				line-height: 74px;
				color: black;
				display: inline-block;
				font-size: 34px;
				font-weight: 100;
				margin-left: 444px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom {
				width: 1160px;
				height: 622px;
				/*background-color: burlywood;*/
			}
			
			.title .title-bottom img {
				width: 275px;
				height: 185px;
			}
			
			.title .title-bottom .nian {
				width: 230px;
				height: 48px;
				margin-left: 20px;
				text-decoration: none;
				margin-top: 14px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 16px;
				overflow: hidden;
			}
			
			.title .title-bottom .hou {
				margin-left: -50px;
				color: #636363;
				font-weight: 700;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom a {
				text-decoration: none;
			}
			
			.title .title-bottom a p:hover {
				color: #10B041;
			}
			
			.title .title-bottom .hou span {
				color: #959595;
				margin-left: 50px;
			}
			
			.title .title-bottom .tianjin {
				width: 230px;
				height: 48px;
				margin-left: 320px;
				text-decoration: none;
				margin-top: -66px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 16px;
				overflow: hidden;
			}
			
			.title .title-bottom .TJ span {
				color: #959595;
				font-weight: 700;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom .picture {
				margin-left: 294px;
				margin-top: -270px;
				float: left;
			}
			
			.title .title-bottom .TJ .num {
				margin-left: 298px;
			}
			
			.title .title-bottom .daxiang {
				margin-left: 589px;
				margin-top: -273px;
				float: left;
			}
			
			.title .title-bottom .chun {
				width: 230px;
				height: 48px;
				margin-left: 614px;
				text-decoration: none;
				margin-top: -66px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 16px;
				overflow: hidden;
			}
			
			.title .title-bottom .liya span {
				color: #959595;
				font-weight: 700;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom .liya .lili {
				margin-left: 590px;
			}
			
			.title .title-bottom .zhuce {
				width: 275px;
				height: 150px;
				/*background-color: blueviolet;*/
				float: right;
				margin-top: -276px;
				border-top: 2px solid green;
				/*border-left: 1px solid #ececec;*/
				/*border-right: 1px solid #ececec;*/
				/*border-bottom: 1px solid #ececec;*/
			}
			
			.title .title-bottom .rang {
				margin-left: 90px;
				margin-top: 25px;
				font-size: 100%;
				font-weight: 700;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom .yong {
				margin-left: 20px;
				margin-top: 25px;
				color: #959595;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom .zhuce button {
				width: 235px;
				height: 40px;
				line-height: 40px;
				background: #10b041;
				color: #fff;
				font-size: 16px;
				font-weight: 700;
				text-align: center;
				border-radius: 3px;
				text-decoration: none;
				border: none;
				margin-left: 22px;
				margin-top: 30px;
				cursor: pointer;
			}
			
			.title .title-bottom .zhuce .yiyou {
				color: #959595;
				font-family: "微软雅黑";
				margin-left: 72px;
				float: left;
				margin-top: 20px;
			}
			
			.title .title-bottom .zhuce .denglu {
				color: #10b041;
				margin-top: 22px;
				float: left;
			}
			
			.title .title-bottom .zhijiage {
				width: 230px;
				height: 48px;
				margin-left: 20px;
				text-decoration: none;
				margin-top: 14px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 16px;
				overflow: hidden;
			}
			
			.title .title-bottom .naodai {
				margin-left: -50px;
				color: #636363;
				font-weight: 700;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom a {
				text-decoration: none;
			}
			
			.title .title-bottom a p:hover {
				color: #10B041;
			}
			
			.title .title-bottom .naodai span {
				color: #959595;
				margin-left: 50px;
			}
			
			.title .title-bottom .jingse {
				width: 275px;
				height: 300px;
				margin-left: 295px;
				margin-top: -269px;
				/*background-color: red;*/
			}
			
			.title .title-bottom .bali {
				width: 230px;
				height: 48px;
				margin-left: 20px;
				text-decoration: none;
				margin-top: 14px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 16px;
				overflow: hidden;
			}
			
			.title .title-bottom .xiaotuzi {
				margin-left: -50px;
				color: #636363;
				font-weight: 700;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom a {
				text-decoration: none;
			}
			
			.title .title-bottom a p:hover {
				color: #10B041;
			}
			
			.title .title-bottom .xiaotuzi span {
				color: #959595;
				margin-left: 50px;
			}
			
			.title .title-bottom .riben {
				width: 275px;
				height: 300px;
				margin-left: 588px;
				margin-top: -299px;
				/*background-color: red;*/
			}
			
			.title .title-bottom .piao {
				width: 230px;
				height: 48px;
				margin-left: 20px;
				text-decoration: none;
				margin-top: 14px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 15px;
				overflow: hidden;
			}
			
			.title .title-bottom .laoshenyou {
				margin-left: -50px;
				color: #636363;
				font-weight: 700;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom a {
				text-decoration: none;
			}
			
			.title .title-bottom a p:hover {
				color: #10B041;
			}
			
			.title .title-bottom .laoshenyou span {
				color: #959595;
				margin-left: 50px;
			}
			
			.title .title-bottom .jiaxi {
				width: 275px;
				height: 300px;
				margin-left: 884px;
				margin-top: -300px;
				/*background-color: red;*/
			}
			
			.title .title-bottom .pubu {
				width: 230px;
				height: 48px;
				margin-left: 20px;
				text-decoration: none;
				margin-top: 14px;
				height: 48px;
				text-align: center;
				font-family: "微软雅黑";
				font-weight: bold;
				color: black;
				font-size: 15px;
				overflow: hidden;
			}
			
			.title .title-bottom .daodao {
				margin-left: -50px;
				color: #636363;
				font-weight: 700;
				font-size: 13px;
				font-family: "微软雅黑";
			}
			
			.title .title-bottom a {
				text-decoration: none;
			}
			
			.title .title-bottom a p:hover {
				color: #10B041;
			}
			
			.title .title-bottom .daodao span {
				color: #959595;
				margin-left: 50px;
			}
			
			.xiahang {
				width: 1160px;
				height: 180px;
				/*background-color: cadetblue;*/
				margin: 0 auto;
				margin-top: 35px;
			}
			/*.dingwei {
				width: 50px;
				height: 50px;
				background-color: aquamarine;
			}*/
			
			/*.mu {
				width: 50px;
				height: 30px;
				background-color: violet;
				background-image: url(img/1.png);
				background-repeat: no-repeat;
			}*/
		</style>
	</head>

	<body>
		
		<div class="head">
			
			<div class="cm">
		<div id="top">
			<div class="top_left">
				<ul>
					<li class="nav">
						<a href=""><img src="img/nav-logo.png" /></a>
					</li>
					<li>目的地</li>
					<li>锦囊</li>
					<li>社区</li>
					<li>行程助手</li>
					<li>商城</li>
					<li>机票</li>
					<li>酒店·民宿</li>
					<li>独家深度</li>
					<li>穷游App</li>
				</ul>
			</div>
			<div class="top_right">

				<div class="search">
					<form action="" method="post">
						<input type="text" name="" id="search1" value="" />

					</form>
					<span class="find">	
							
					  </span>
				</div>
				<ul>
					<li>
						<span class="line">|</span>
					</li>
					<li>
						<span id="qq">					
				  </span>
					</li>
					<li>
						<span id="weixin">					
				   </span>
					</li>
					<li>
						<span id="weibo">					
				  </span>
					</li>
					<li><a href="register.html">注册</a></li>
					<li><a href="login.html">登录</a></li>
				</ul>
			</div>
		</div>
		<!--<div class="top_nva1">
			<ul>
			<li>				
				<a href="">
					<span></span>
				</a>a
			</li>
			<li>b</li>
			<li>c</li>
			<li>d</li>
			<li>e</li>
			<li>f</li>
			<li>g</li>
			</ul>
		</div>-->
		</div>
			
			<a href="http://bbs.qyer.com/thread-2793866-1.html">
				<img src="img/nvhai.jpg" />
			</a>
			<div class="head_content">
				<h1>
				<div class="dingwei">	
				<a href="" class="mudi">
					<div class="mu">
						
					
				<span>目的地</span>
				</a>
				</div>
				</div>
				<a href="" class="make">
					<span>做行程</span>
				</a>
				<a href="" class="buy">
					<span>买折扣</span>
				</a>
				<a href="" class="hotel">
					<span>酒店</span>
				</a>
				</h1>
				<form action="http://place.qyer.com/japan/" target="_blank" method="post">
					<input type="text" placeholder="日本" autocomplete="off" value="" id="sear">
					<button class="but">搜索</button>
				</form>
				<span class="num">
				    	<i>3</i>/<em>5</em></span>
				<a class="strong" href="http://bbs.qyer.com/thread-2793866-1.html">
				            【日本游记攻略】北海道美瑛、富良野、旭川7日慢体验
						<p class="chihuo">
							<span>
							吃货娃娃	
							</span>
						</p>
					</a>
			</div>
		</div>
		<div class="center">
			<a href="http://daole.qyer.com/earth6web" class="tu1">
				<img src="img/qingmai.jpg" />
			</a>
			<a href="http://bbs.qyer.com/thread-2863587-1.html?campaign=ask2017&category=qyer1120" class="tu2">
				<img src="img/sikao.jpg" />
			</a>

		</div>
		<div class="title">
			<span class="zi">今日推荐</span>
			<div class="title-bottom">
				<a href="http://bbs.qyer.com/thread-2844710-1.html">
					<img src="img/laoren.jpg" />
					<p class="nian">
						2017年的叙利亚大马士革——黎凡特黑玫瑰
					</p>
					<p class="hou">
						<span>Housheng</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span>9720人浏览过</span>
					</p>
				</a>
				<a href="http://z.qyer.com/deal/77087/">

					<img class="picture" src="img/zhekou.jpg" />
					<p class="tianjin">
						津直飞冲绳4-5天往返含税机票（+99元升级三年签证）
					</p>
					<p class="TJ">
						<span class="num">
	    				天津
	    			</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span>
	    				1850元起
	    			</span>
					</p>
				</a>
				<a href="http://bbs.qyer.com/thread-2841245-1.html" class="col">
					<img class="daxiang" src="img/daxiang.jpg" />
					<p class="chun">
						南非的春天 | 他的治安或许堪忧，但景色绝不会让你失望（约
					</p>
					<p class="liya">
						<span class="lili">
	    		   		小邹Liya 
	    		   	</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span>
	    		   		9897人浏览过
	    		   	</span>

					</p>
				</a>
				<div class="zhuce">
					<p class="rang">
						让我们更懂你
					</p>
					<p class="yong">
						拥有穷游账号，获得更准确的推荐
					</p>
					<a href="" class="anniu">
						<button>
	    			立即注册
	    		</button>
					</a>
					<p>
						<span class="yiyou">已有帐号？</span>
						<a href="" class="denglu">登录</a>
					</p>
					<div class="auth-login" style="text-align: center;">
						<a data-bn-ipg="index-guess-un-qq" href="https://passport.qyer.com/oauth?using=qq&amp;ref=http%3A%2F%2Fhome.qyer.com%2F" class="login-auth iconfont-home icon-cir-qq">
						</a>
					</div>

				</div>
				<div class="xiahang">
					<a href="http://place.qyer.com/mguide/928" class="col">
						<img src="img/lou.jpg" />
						<p class="zhijiage">
							最美的城市天际线 - 芝加哥建筑一览游
						</p>
						<p class="naodai">
							<span>大脑袋</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<span>推荐了35个目的地</span>
						</p>

					</a>

					<div class="jingse">
						<a href="http://place.qyer.com/mguide/489">
							<img src="img/275x185.jpg" />
							<p class="bali">
								巴黎十大免费休闲旅游景点
							</p>
							<p class="xiaotuzi">
								<span>小兔子冰淇淋</span> &nbsp;&nbsp;
								<span>推荐了10个目的地</span>
							</p>
						</a>
					</div>
					<div class="riben">
						<a href="http://place.qyer.com/mguide/489">
							<img src="img/laoyoushen.jpg" />
							<p class="piao">
								1万3软座通票15天周游日本：乘软座，住宾馆，吃河豚神户牛肉
							</p>
							<p class="laoshenyou">
								<span>老游神</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<span>13652人浏览过</span>
							</p>
						</a>
					</div>
					<div class="jiaxi">
						<a href="http://place.qyer.com/mguide/489">
							<img src="img/fengye.jpg" />
							<p class="pubu">
								【加西冰原大道+加东枫叶大道】1座瀑布看磅礴、2个省立公园赏
							</p>
							<p class="daodao">
								<span>刀刀7904</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<span>25010人浏览过</span>
							</p>
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>